<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:100px;
	color: #666;
}
.container {
	width: 800px;
	margin: 0px auto;
}
.logo {
	height: 100px;
	width: 130px;
	float: left;
	background-image: url(img/index/logo.jpg);
}
.head
{
	height: 100px;
	width: 670px;
	float: left;
}
.line
{
	height: 35px;
	width: 780px;
	float: left;
	text-align: left;
	background-color: #58B156;
	border-bottom: 4px solid #3A5B37;
	padding-left: 20px;
	display: table;
}
.line_inside
{
	height: 31px;
	width: 780px;
	display: table-cell;
	vertical-align: middle;
}
.line font
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.emptybox1
{
	height: 100px;
	width: 800px;
	float: left;
}
.emptybox2
{
	height: 200px;
	width: 200px;
	float: left;
}
.loginbox
{
	height: 198px;
	width: 398px;
	float: left;
	border: 1px solid Green;
}
input
{
	border: 1px solid green;	
}
.button
{
	width: 60px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	color: green;
	font-weight: bold;
}
</style>
</head>

<body>
<div class="container">
<div class="logo"></div>
    <div class="head"><h1>Telephone Order Placement System</h1></div>
    <div class="line">
    	<div class="line_inside"><font>Log in</font></div>
    </div>
    <div class="emptybox1"></div>
	<div class="emptybox2"></div>
	<div class="loginbox">
    	<form style="padding-top:70px">
        	<span style="width:100%; display:block; margin-bottom:5px"><input name="id" type="text" /></span>
            <span style="width:100%; display:block; margin-bottom:5px"><input name="pw" type="text" /></span>
            <input class="button" name="login" type="button" value="Log in" onclick="window.open('./main.html', 'popup', 'statusbar=no, toolbar=no, scrollbars=no, resizable=no, width=800, height=600'); location.href='about:blank'"/>
        </form>
    </div>
    <div class="emptybox2"></div>
</div>
</body>
</html>
